body {
    margin: 0;
    padding: 0;
}

.ver_all {
    height: 500px;
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.ver_all {
    border: solid;
    height: 200px;
    width: 500px;
    position: absolute;
}

.ver_1 {
    height: 200px;
    width: 166px;
    position: absolute;
}

.ver_1_1 {
    height: 18px;
    width: inherit;
    position: absolute;
    top: 18px;
}

.ver_1_1_2 {
    height: 18px;
    width: inherit;
    position: absolute;
    top: 54px;
}

.ver_1_1_3 {
    height: 18px;
    width: inherit;
    position: absolute;
    top: 90px;
}

.ver_1_1_4 {
    height: 18px;
    width: inherit;
    position: absolute;
    top: 126px;
}

.ver_1_1_5 {
    height: 18px;
    width: inherit;
    position: absolute;
    top: 162px;
}

.ver_1_2 {
    height: 200px;
    width: 166px;
    position: absolute;
    left: 166px;
}

.ver_1_2_1 {
    height: 36px;
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
}

.ver_1_2_2 {
    height: 18px;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
}

.ver_1_3 {
    height: 200px;
    width: 166px;
    position: absolute;
    left: 332px;
}

.ver_1_3_1 {
    width: inherit;
    height: 18px;
    position: absolute;
    top: 18px;
}

.ver_1_3_2 {
    width: inherit;
    height: 18px;
    position: absolute;
    top: 54px;
}

.ver_1_3_3 {
    width: inherit;
    height: 18px;
    position: absolute;
    top: 90px;
}

.ver_2 {
    width: inherit;
    height: 80px;
    top: 200px;
    position: absolute;
}

.ver_2_1 {
    width: inherit;
    height: 18px;
}

.ver_2_2 {
    width: inherit;
    height: 18px;
    top: 18px;
    position: absolute;
}

.ver_2_3 {
    width: inherit;
    height: 18px;
    top: 36px;
    position: absolute;
}

.ver_2_4 {
    width: inherit;
    height: 18px;
    position: absolute;
    top: 54px;
}

.ver_3 {
    width: 100px;
    height: 36px;
    font-size: 20px;
    color: #f44;
    top: 280px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.input_1 {
    height: inherit;
    font-size: 10px;
    width: 33.3%;
}

.input_2 {
    box-sizing: border-box;
    height: inherit;
    top: 0;
    width: 66.7%;
    left: 33.3%;
    position: absolute;
}

.input_3_1 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 0;
    position: absolute;
    font-size: 10px;
}

.input_3_2 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 16.66%;
    position: absolute;
    font-size: 10px;
}

.input_3_3 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 33.32%;
    position: absolute;
    font-size: 10px;
}

.input_3_4 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 49.98%;
    position: absolute;
    font-size: 10px;
}

.input_3_5 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 66.64%;
    position: absolute;
    font-size: 10px;
}

.input_3_6 {
    border: solid;
    box-sizing: border-box;
    height: inherit;
    width: 16.66%;
    left: 83.3%;
    position: absolute;
    font-size: 10px;
}
